<!doctype html>
<html>
  <head>
    <meta charset=utf-8 />
    <title>Tabinator</title>
     <script src="tabinator.js"></script>
     <link rel="stylesheet" type="text/css" href="tabinator.css">
  </head>
  <body>
    <div class="menu">
      <a id="btn_close">X</a>
    </div>
    <div class="tabs">
      <a id="tab_action_header" data-toggle="tab_action">action</a>
      <a id="tab_local_header" data-toggle="tab_local">local</a>
      <a id="tab_cloud_header" data-toggle="tab_cloud">cloud</a>
      <a id="tab_settings_header" data-toggle="tab_settings">settings</a>
    </div>
    <div class="tab_content">
      <div id="tab_action">
        <h5>action</h5>
        <div class="action_item">
          <label for "edit_saveas">save current tab set:<br></label>
          <input id="edit_saveas" name="saveas" type="text">
          <button id="btn_saveas">save</button>
        </div>
        <div class="action_item">
          <label for "overwrite_tabs">overwrite existing tab set:<br></label>
          <select id="overwrite_tabs" name="overwrite"></select>
          <button id="btn_overwrite">overwrite</button>
        </div>
        <div class="action_item">
          <label for "delete_tabs">delete tab set:<br></label>
          <select id="delete_tabs" name="delete"></select>
          <button id="btn_delete">delete</button>
        </div>
      </div>
      <div id="tab_local">
        <h5>local</h5>
      </div>
      <div id="tab_cloud">
        <h5>cloud</h5>
      </div>
      <div id="tab_settings">
        <h5>settings</h5>
      </div>
    </div>
    <div class="footer">
      <img src="tabinator024.png">
      <a id="googlecode_link">chrome-tabinator @ googlecode</a>
    </div>
  </body>
</html>

